{% extends "../_base/layout.html" %} 
{% block css %}
<link rel="stylesheet" href="{{site.static}}/css/service_human.css"> 
{% endblock %} 
{% block content %} 
    {% block header%} 
        {% set pageHeaderConf = {pageTitle: __("service_human_page_title"),level:2} %} 
        {%include "../_base/page_header.html"%} 
    {% endblock %}
<div class="eui-main-container service-human-main-container eui--padding-b-0">
    <form class="eui-form eui--font-26 eui--white-bacg">
        <div class="eui-form-group">
            <label class="eui-form-label eui--black-color">{{__("service_human_question_type")}}</label>
            <div class="eui-form-control">
                <div class="eui-select-wrap">
                    <select class="eui-select">
                        <option value="">{{__("service_human_question_type_tips")}}</option>
                    </select>
                </div>                
                <div class="eui-select-arrow">
                    <span class="eui-icon eui-icon-arrow_down_grey"></span>
                </div>
            </div>
        </div>   
        <div class="eui-form-group">
            <label class="eui-form-label eui--black-color">{{__("service_human_game")}}</label>
            <div class="eui-form-control">
                <div class="eui-select-wrap">
                    <select class="eui-select">
                        <option value="">{{__("service_human_game_select_tips")}}</option>
                    </select>
                </div>
                <div class="eui-select-arrow">
                    <span class="eui-icon eui-icon-arrow_down_grey"></span>
                </div>
            </div>            
        </div>     
        <div class="eui-form-group">
            <label class="eui-form-label eui--black-color">{{__("service_human_server")}}</label>
            <div class="eui-form-control">
                <div class="eui-select-wrap">
                    <select class="eui-select">
                        <option value="">{{__("service_human_sever_select_tips")}}</option>
                    </select>
                </div>
                <div class="eui-select-arrow">
                    <span class="eui-icon eui-icon-arrow_down_grey"></span>
                </div>
            </div>            
        </div> 
        <div class="eui-form-group disabled">
            <label class="eui-form-label eui--black-color">{{__("service_human_role_name")}}</label>
           <div class="eui-form-control">
                <div class="eui-select-wrap">
                    <select class="eui-select">
                        <option value="">{{__("service_human_role_select_tips")}}</option>
                    </select>
                </div>
                <div class="eui-select-arrow">
                    <span class="eui-icon eui-icon-arrow_down_grey"></span>
                </div>
            </div>            
        </div>   
        <div class="eui-form-group disabled">
            <label class="eui-form-label eui--black-color">{{__("service_human_question_desc")}}</labe eui-form-controll>
            <div class="eui-form-control">
                <textarea class="eui-textarea" rows="" cols="" placeholder="" value="">{{__("service_human_question_desc_input_tips")}}</textarea>
                <span class="word-num eui--font-24">0/1500</span>
            </div>
        </div>     
        <div class="eui-form-group">
            <label class="eui-form-label eui--black-color">{{__("service_human_upload_img")}}</labe eui-form-controll>
            <div class="eui-form-control eui--clearfix">
                <div class="preview-img-wrap">
                    <div class="preload-img"></div>
                    <img src="" alt="" class="preview-img">
                </div>
                <div class="preview-img-wrap">
                    <div class="preload-img delete-btn"></div>
                    <img src="{{site.cdn}}/test-question-img-01.jpg" alt="" class="preview-img">
                </div>
                <div class="preview-img-wrap">
                    <div class="preload-img delete-btn"></div>
                    <img src="{{site.cdn}}/test-question-img-02.jpg" alt="" class="preview-img">
                </div>
            </div>
        </div>   
        <a href="javascript:;" class="eui-btn submit-btn eui-btn-primary eui-btn-lg">{{__("btn_submit")}}</a>
    </form>
</div>

{% endblock %}
